<extend name="Base/commoncenter"/>

<block name="body">


    <div class="panel panel-success">
        <div class="panel-heading">
            <div class="row">
                <div class="col-md-10"> <h4>订单号：{$data.id}</h4> </div>
                <div class="col-md-2 text-right">
                    <a href="javascript:history.go(-1);" class='btn btn-success'>返回</a>
                 <in name="data.status" value="3000,4000">
                    <a href="{:U('Center/pay?oid='.$data['id'])}" class='btn-danger btn  <eq name="data.status" value="3000">disabled</eq> <qt name="data.status" value="4000">hidden</qt>'>我要付款</a>
                    </in>
                    <in name="data.status" value="5000,6000">
                    <a href="{:U('Center/signin?oid='.$data['id'])}" class='btn-success btn  <eq name="data.status" value="5000">disabled</eq> <qt name="data.status" value="6000">hidden</qt>'>确认收货</a>
                    </in>
                </div>
            </div>

        </div>
        <div class="panel-body">
            {$data.status_text.remark}
        </div>
    </div>




    <div class="progress">
        <div class="progress-bar progress-bar-success progress-bar-striped active"  role="progressbar" aria-valuenow="{$vo.status}" aria-valuemin="0" aria-valuemax="7000" style="width: {$data.status|get_baifengbi}%">
            <span class="sr-only">45% Complete</span>
        </div>
    </div>



    <div class="panel" style="padding: 5px; background-color: #DCEED4">
        <div style="background-color: #fff">
            <!-- Nav tabs -->
            <ul class="nav nav-pills" role="tablist" style="padding: 5px;">
                <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">订单跟踪</a></li>
                <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">付款信息</a></li>

            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home" style="padding: 5px;">
                    <table class="table">
                        <tr>
                            <th>处理时间</th>
                            <th>处理信息</th>
                            <th>操作人</th>
                        </tr>
                        <volist name="data.logs" id="vo">
                            <tr>
                                <td>{$vo.createdate|time_format}</td>
                                <td> {$vo.remark}</td>
                                <td> {$vo.username}</td>
                            </tr>
                        </volist>
                    </table>                 
                </div>
                <div role="tabpanel" class="tab-pane" id="profile"></div>  
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="row">
                <div class="col-md-10"> <h4>订单详情</h4> </div>
                <div class="col-md-2 text-right"></div>
            </div>

        </div>
        <div class="panel-body">

            <address>
                <strong>收货人信息</strong><br>
                收 货 人：{$data.name}<br>
                地    址：{$data.country},{$data.province},{$data.city},{$data.address}<br>
                手机号码：{$data.phone}
            </address>
            <hr>
            <address>
                <strong>物流信息</strong><br>
                物流线路：{$data.eline.name}（首重{$data.eline.fweight}g {$data.eline.fprice}元 / 续重{$data.eline.cweight}g {$data.eline.cprice}元）<br>
                物流公司：{$data.expname}<br>
                跟踪号码：{$data.expnumber}
            </address>
            <hr>
            <address>
                <strong>商品信息</strong><br>
                <div class="row" >
                    <div class="col-md-12" style="padding: 5px;">
                        <table width="100%" border="0" class="table table-condensed ">
                            <tr >
                                <th scope="col"  width="20%">需要出库的</th>
                                <th scope="col">包裹编码 </th>
                                <th>包裹描述</th>
                                <th>包裹重量</th>

                            </tr>

                            <volist name="data.packages" id="vo"> 
                                <tr>   
                                    <td   style=" text-align:center;"> <img   src="__STATIC__/phpqrcode/QRcode.php?id={$vo.id}&type=package&size=3"> </td>
                                    <td> 
                                        {$vo.id}   
                                    </td>  
                                    <td>{$vo.name}</td>
                                    <td>
                                        <span style="color: red;border-bottom: 1px solid #000"><gt name="vo.bulkfactor" value="$vo.weight">{$vo.bulkfactor}<else/>{$vo.weight}</gt>g</span>
                                    </td>

                                </tr>
                            </volist>

                        </table>

                    </div>

                </div>
            </address>
            <hr>
            <div class='row'>
                <div class='col-md-8'><span class="badge">励志</span>业精于勤而荒于嬉，行成于思而毁于随。</div>
                <div class='col-md-4 text-right' style="font-size: 15pt;">订单金额：<span style="font-weight: bold;color:red">{$data.money}元</span></div>
            </div>
      
        </div>
    </div>

</block>